как задать [b]height[/b], чтоб при разной высоте содержимого высота блоков была одинаковой?

[Zeeeya]

Здравствуйте, уважаемые форумчане!

Подскажите, плиз, как задать height, чтоб при разной высоте содержимого высота блоков была одинаковой?

сейчас код такой:

#left {
float: left;
width: 169px;
background: url(../images/fon_01.jpg) repeat-y;
height: 100%;
padding-left: 30px;

}

#content {
margin-left: 169px;
float: none;
width:853px;
height: 100%;
background: url(../images/fon_02.jpg)  repeat-y;
height: 100%;
padding:5px;
text-align:left;

Edited July 23, 2011 by Zeeeya

[Softlink]

min-height, max-height? Если контента больше, то overflow:hidden; блоку, тогда все обрежется и высота будет оставаться неизменной. Или скроллы делать. В общем вариантов несколько. Из рисунка могу представить, что надо левому блоку задать высоту постоянную, здесь min-height.

upd: Высота правого всегда разная? Я не понял сразу.

Edited July 23, 2011 by Softlink

[Zeeeya]

Softlink , ага, только хотела спросить, как быть при разной высоте правого...

[Softlink]

Softlink , ага, только хотела спросить, как быть при разной высоте правого...

Тогда здесь другое решение.

Задайте родителю, куда вложены контент и левый блок фон контента, а зафлоченному блоку не указывайте его.

[Zeeeya]

Тогда здесь другое решение.

Задайте родителю, куда вложены контент и левый блок фон контента, а зафлоченному блоку не указывайте его.

Родителю задать высоту 100%? Зафлоченый - это который?

Edited July 23, 2011 by Zeeeya

[Softlink]

Тогда здесь другое решение.

Задайте родителю, куда вложены контент и левый блок фон контента, а зафлоченному блоку не указывайте его.

Родителю задать высоту 100%? Зафлоченый - это который?

Зафлоченный, это которому задан float.

http://jsfiddle.net/mubT7/

[Zeeeya]

про "зафлоченный" понятно.

сдалала, ничего не изменилось...

вот код:

#body{
height: 100%;
}
#left {
float: left;
width: 169px;
background: url(../images/fon_01.jpg) repeat-y;
padding-left: 30px;
}

#content {
margin-left: 169px;
width:853px;
height: 100%;
background: url(../images/fon_02.jpg)  repeat-y;
height: 100%;
padding:5px;
text-align:left;

[Softlink]

на рисунке фон однородный я вижу. В коде непонятно что за картинки. Вы пример смотрели?

Делаем общий контейнер, задаем ему фон, в него вкладываем два блока, сайдбар и контент.

Т.е. по факту мы не тянем блок, а просто создаем визуальное восприятие того, что блок монолитный.

p.s. если у вас все-таки фон неоднородный, то можно вложить один блок в другой.

есть ссылка на страницу?

Edited July 23, 2011 by Softlink

[Zeeeya]

на рисунке фон однородный я вижу. В коде непонятно что за картинки. Вы пример смотрели?

Фон - однородный, но с обводкой и градиентом... Картинки -

левый кусок фона:

и правый:

,

повторяощиеся по Y

Делаем общий контейнер, задаем ему фон, в него вкладываем два блока, сайдбар и контент.

Т.е. по факту мы не тянем блок, а просто создаем визуальное восприятие того, что блок монолитный.

Если просто задать фон (изображение конкретных размеров), как будет растягиваться фон (заданный не цветом, а изображеннием)

пример посмотрела, конечно...

сайт на локалке еще.

Edited July 25, 2011 by Zeeeya

[Softlink]

это не сильно меняет решение задачи. Так должно выглядеть?

http://jsfiddle.net/YGWvd/

[Zeeeya]

,Именно так!!!

Все красиво, все получилось! Softlink, Спасибо Вам!!!

Edited July 25, 2011 by Zeeeya

[Softlink]

,Именно так!!!

Все красиво, все получилось! Softlink, Спасибо Вам!!!

на здоровье!